// 定义食物类
class Food {
    // 定义一个属性表示食物所对应的元素
    element: HTMLElement;

    constructor() {
        // 获取页面中food元素并且赋值给element
        this.element = document.getElementById('food')!;
    }

    // 判断坐标是否和蛇的坐标已知
    // 定义一个获取食物X轴坐标的方法
    get X() {
        return this.element.offsetLeft;
    }

    // 定义一个获取食物Y轴的方法
    get Y() {
        return this.element.offsetTop;
    }

    // 修改食物的位置
    change() {
        // 生成一个随机的位置
        // 最大位置和最小位置
        // 蛇移动一次是一格,一格大小就是10,所以食物的
        let top = Math.round(Math.random() * 29) * 10;
        let left = Math.round(Math.random() * 29) * 10;
        this.element.style.left = top + 'px'
        this.element.style.top = left + 'px'
    }

}

export default Food;
